@charset "utf-8";
/* CSS Document */
body, ul, li, dl, dt, dd, p, form, h1, h2, h3, h4, h5 { margin: 0; padding: 0; }
ul, li { list-style: none; }
input, textarea { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }
body { margin: 0; padding: 0; font-family: /*Helvetica,STHeiti,Droid Sans Fallback*/ "Microsoft Yahei", Verdana, Arial, Helvetica, sans-serif; background: #F5F5F5; padding-bottom: 62px; }
a { text-decoration: none; color: #111; }
img { border: 0; }
.delete { text-decoration: line-through; }
.clear { clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden; }

.header { background-image: -webkit-linear-gradient(#EDEDED, #FFF); background-image: -moz-linear-gradient(#EDEDED, #FFF); background-image: linear-gradient(#EDEDED, #FFF); width: 100%; text-align: center; }
.header .logo { text-align: center; }
.menu { height: 40px; background-image: -webkit-linear-gradient(#008FDA, #0075AF); background-image: -moz-linear-gradient(#008FDA, #0075AF); background-image: linear-gradient(#008FDA, #0075AF); width: 100%; }
.menu ul { overflow: hidden; }
.menu li { float: left; border-left: 1px #96C7E5 solid; margin-left: -1px; display: inline-block; line-height: 40px; width: 20%; text-align: center; font-size: 14px; font-weight: bold; }
.menu li a { color: #FFF; width: 100%; line-height: 40px; display: block; text-shadow: 1px 1px 0px #005187; }
.menu li a:hover { background-image: linear-gradient(#D4261F, #BE231E); }

.banner { max-width: 640px; max-height: 242px; margin: 0px auto; position: relative; overflow: hidden; }
.banner .hd { position: absolute; /*height:28px; line-height:28px;*/ bottom: 10px; text-align: center; width: 100%; z-index: 1; }
.banner .hd li { display: inline-block; width: 12px; height: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; background: #CCC; text-indent: -9999px; overflow: hidden; margin: 0 6px; }
.banner .hd li.on { background-image: -webkit-linear-gradient(#008FDA, #0075AF); background-image: -moz-linear-gradient(#008FDA, #0075AF); background-image: linear-gradient(#008FDA, #0075AF); }
.banner .bd { max-width: 640px; margin: 0px auto; }
.banner .bd ul { overflow: hidden; max-height: 242px; }
.banner .bd li { text-align: center; float: left; position: relative; }
.banner .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.swiper-container {
	/*height:121px;*/
	height: 100%;
	max-width: 640px;
	z-index: 0;
}
.content-slide {
	color: #FFF;
}
.title {
	font-size: 25px;
	margin-bottom: 10px;
}
.pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom: 5px;
	width: 100%;
	z-index: 1;
}
.swiper-pagination-switch {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: #999;
	box-shadow: 0px 1px 2px #555 inset;
	margin: 0 3px;
	cursor: pointer;
}
.swiper-active-switch {
	background-image: -webkit-linear-gradient(#008FDA, #0075AF); background-image: -moz-linear-gradient(#008FDA, #0075AF); background-image: linear-gradient(#008FDA, #0075AF);
}

/*banner start*/
#container { width: 100%; max-width: 800px; margin: 0 auto; }
/* Browser Resets */
.flex-container a:active,
.flexslider a:active { outline: none; }
.slides,
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none; }

/* FlexSlider Necessary Styles
*********************************/
.flexslider { width: 100%; margin: 0; padding: 0; }
.flexslider .slides > li { display: none; }
/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { max-width: 100%; display: block; }
.flex-pauseplay span { text-transform: capitalize; }

/* Clearfix for the .slides element */
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

/* FlexSlider Default Theme
*********************************/
.flexslider { background: #FFF; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1; }
.flexslider .slides { zoom: 1; }
.flexslider .slides > li { position: relative; }
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container { zoom: 1; position: relative; }

/* Caption style */
/* IE rgba() hack */
.flex-caption { background: none; -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000); zoom: 1; }
.flex-caption { width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, .3); color: #FFF; text-shadow: 0 -1px 0 rgba(0, 0, 0, .3); font-size: 14px; line-height: 18px; }

/* Direction Nav */
.flex-direction-nav li a { width: 52px; height: 52px; margin: -13px 0 0; display: block; background: url(../images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; }
.flex-direction-nav li a.next { background-position: -52px 0; right: -21px; }
.flex-direction-nav li a.prev { background-position: 0 0; left: -20px; }
.flex-direction-nav li a.disabled { opacity: .3; filter: alpha(opacity=30); cursor: default; }

/* Control Nav */
.flex-control-nav { width: 100%; position: absolute; bottom: 4%; text-align: center; }
.flex-control-nav li { margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-nav li:first-child { margin: 0; }
.flex-control-nav li a { width: 13px; height: 13px; display: block; background: url(../images/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px; }
.flex-control-nav li a:hover { background-position: 0 -13px; }
.flex-control-nav li a.active { background-position: 0 -26px; cursor: default; }

/*banner end*/

.itembox { background: #FFF; }
.itembox_tit { height: 40px; padding-left: 1em; background: #0077B2; border-top: 1px #005A86 solid; color: #FFF; text-shadow: 1px 1px 0px #005187; font-size: 1.125em; font-weight: bold; line-height: 40px; }
.itembox_tit a { color: #FFF; }
.itembox_con, .itembox_news, .news_show, .product_show { padding: 12px; overflow: hidden; line-height: 2em; }
.itembox_news { padding: 0px 12px; }

.proul { overflow: hidden; }
.proul li { width: 46%; float: left; text-align: center; margin: 10px 0px 10px 10px; }
.proul li span { max-width: 308px; margin: 0px; padding: 12px; background: #FBFBFB; border: 1px #D8D8D8 solid; text-align: center; line-height: 18px; box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.2); display: block; margin: 0px auto; }

.proul li img { max-width: 308px; padding-bottom: 6px; }
.proul li a { color: #51545A; }

.newsul { padding: 12px 0px; }
.newsul li { height: 33px; line-height: 33px; border-bottom: 1px #CCC dotted; box-shadow: 0px 1px 1px rgb(251, 251, 251); text-overflow: ellipsis; white-space: nowrap !important; overflow: hidden; padding-right: 2px; }

.gochannel { height: 52px; line-height: 52px; text-align: center; }
.gochannel a { background: transparent url(../images/go.png) right 0px no-repeat; background-size: 22px 22px; height: 22px; display: inline-block; font-size: 1em; color: #B3B5B9; padding-right: 25px; margin: 15px 0px; line-height: 22px; }

.pagetit { height: 40px; padding-left: 1em; line-height: 40px; background: #B1CEE7; overflow: hidden; }
.pagetit h2 { margin: 0; padding: 0; font-size: 1.1em; float: left; }
.pagetit span { float: right; padding-top: 5px; margin-right: 6px; }
.classnav { background: #E2F2FF; overflow: hidden; display: none; padding: .3em 0px .3em 12px; }
.classnav a { width: 20%; padding: .6em 0; display: inline-block; color: #005D9F; text-shadow: 1px 1px 0px #FFF; }

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
/* blue */
.blue {
	color: #D9EEF7;
	border: solid 1px #0076A3;
	background: #0095CD;
	background: -webkit-gradient(linear, left top, left bottom, from(#00ADEE), to(#0078A5));
	background: -moz-linear-gradient(top, #00ADEE, #0078A5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007EAD;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095CC), to(#00678E));
	background: -moz-linear-gradient(top, #0095CC, #00678E);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80BED6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078A5), to(#00ADEE));
	background: -moz-linear-gradient(top, #0078A5, #00ADEE);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}
.medium {
	font-size: 14px;
	padding: .5em .5em .52em;
}

.news_show h1, .product_show h1 { color: #0080C0; padding: 4px 0px; border-bottom: 1px #CCC solid; margin: 0; font-size: 1em; }
.news_show_con, .product_show_con { padding: .6em 0; }
.itembox_con img, .news_show_con img, .product_show_con img, .product_show_img img { max-width: 100%; }
.product_show_img { padding: 8px 0px; margin-bottom: 8px; text-align: center; }

.pageshow_item { padding: 5px 0px; text-align: center; width: 100%; }
.pageshow_item .inputs {
	width: 100%;
	height: 33px;
	text-indent: 10px;
	line-height: normal;
	background: #FDFDFD;
	border-top: 1px solid #858585;
	border-left: 1px solid #AFAFAF;
	border-right: 1px solid #AFAFAF;
	border-bottom: 1px solid #C9C9C9;
	-moz-box-shadow: 1px 2px 3px #B7B7B7 inset !important;
	-webkit-box-shadow: 1px 2px 3px #B7B7B7 inset !important;
	box-shadow: 1px 2px 3px #B7B7B7 inset !important;
	-webkit-appearance: none;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#FDFDFD), to(#FDFDFD));
}
.pageshow_item .inputs1 {
	width: 100%;
	height: 130px;
	padding: 10px 0px;
	text-indent: 10px;
	line-height: 20px;
	background: #FDFDFD;
	border-top: 1px solid #858585;
	border-left: 1px solid #AFAFAF;
	border-right: 1px solid #AFAFAF;
	border-bottom: 1px solid #C9C9C9;
	-moz-box-shadow: 1px 2px 3px #B7B7B7 inset !important;
	-webkit-box-shadow: 1px 2px 3px #B7B7B7 inset !important;
	box-shadow: 1px 2px 3px #B7B7B7 inset !important;
	-webkit-appearance: none;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#FDFDFD), to(#FDFDFD));
}

.foot { width: 100%; background: #FBFBFB; padding: 12px 0px; line-height: 24px; font-size: 14px; color: #666; text-align: center; }

.xtools { height: 62px; position: fixed; bottom: 0px; z-index: 2147483647; left: 0; width: 100%; }
.xtools_con { max-width: 100%; background: #0077B2; border-top: 1px #666 solid; box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5) inset; height: 62px; margin: 0px auto; }
.xtools_con ul { overflow: hidden; }
.xtools_con ul li { width: 33%; float: left; border-left: 1px #5EB4DE solid; border-top: 0; border-bottom: 0; height: 62px; margin-left: -1px; display: inline-block; }
.xtools_con ul li a { height: 23px; padding-top: 39px; display: block; text-align: center; color: #FFF; font-size: 12px; }
.xtools_con ul li a.tel { background: url(../images/icon_tel.png) center 13px no-repeat; }
.xtools_con ul li a.map { background: url(../images/icon_map.png) center 13px no-repeat; }
.xtools_con ul li a.message { background: url(../images/icon_message.png) center 13px no-repeat; }
.xtools_con ul li a.share { background: url(../images/icon_share.gif) center 13px no-repeat; }